@import "../common/common";
@import "../../fonts/css/font-awesome.css";
.add_activity_page{
  width: $_750;
  overflow: hidden;
}

.editor_item{
  background: #fff;
  overflow: hidden;
  height: $_80;
  margin: $_20 0;
  border-top:1px solid #ececec ;
  border-bottom: 1px solid #ececec;

  .editor_title{
    display: block;
    line-height: $_80;
    width: $_160;
    text-align: right;
    color: #222;
    font-size: $_28;
  }

  .editor_input{
    padding: $_10 0;
    input{
      width: $_570;
      height: $_60;
    }

    input[type="date"]{
      line-height: $_60;
    }

  }

}

.editor_item_max{

  margin-bottom: $_20;

  .editor_title{
    padding: 0 $_22;
    font-size: $_28;
    color: #222;
    margin-bottom: $_20;
  }

  .editor_title.first{
    padding-top: $_20;
  }

  .editor_texteara{
    background: #fff;
    padding: $_10 $_16;
    border-bottom: 1px solid #ececec;
  }

  .editor_check_box{
    background: #fff;
    padding-left: $_20;
    padding-right: $_20;
    padding-top: $_30;

    .check_box{
      display: inline-block;
      input[type="checkbox"]{
        height: $_34;
        width: $_34;
        appearance:normal;
        border: 1px solid #ccc;
      }
      margin-right: $_40;
      color: #545454;
      font-size: $_24;
      margin-bottom: $_30;
    }
  }

  .editor_texteara textarea{
    height: $_360;
    width: 100%;
    display: block;
    font-size: $_26;
    color: #666;
    line-height: 18px;
    outline: none;
    margin: auto;
    border: none;
  }

  .textarea_placeholder{
    text-align: right;
    padding: $_10 $_10;
    color: #999;
  }

  .upload_image_item{
    overflow: hidden;
    background: #fff;
    padding: $_16;
  }

  .image_views{
    overflow: hidden;
    padding: $_16 0;
  }

  .image_views_li{
    height: $_160;
    width: $_160;
    border: 1px solid #ececec;
    margin-right: $_22;
    margin-bottom: $_20;
    border-radius: $_6;
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;

    .image_delete{
      position: absolute;
      right: -$_6;
      top: -$_10;
      color: #f40;
      font-size: $_30;
      display: block;
      border-radius: $_100;
    }

    .white_bg_color{
      position: absolute;
      height: $_16;
      width: $_20;
      left: $_6;
      top: $_10;
      background: #fff;
      z-index: 9;
    }

    .delete_ico{
      position: relative;
      z-index: 12;
    }
  }

  .image_views_li:nth-child(4n){
    margin-right: 0;
  }

  .uoload_image_btn{
    height: $_160;
    width: $_160;
    border: 1px solid #ececec;
    text-align: center;
    background: #f1f1f1;
    color: #ccc;
    border-radius: $_6;
    padding: $_40 0;
    position: relative;

    .icon{
      font-size: $_60;
    }

    .words{
      font-size: $_20;
      color: #999;
    }

    input[type="file"]{
      position: absolute;
      height: 100%;
      width: 100%;
      opacity: 0;
      left: 0;
      top: 0;
    }
  }

  .editor_form{
    background: #fff;
    padding: $_10 $_24;
  }

  .editor_form_row{
    overflow: hidden;
    border-bottom: 1px solid #f1f1f1;
    padding: $_12 0;
  }

  .form_row_text{
    display: block;
    line-height: $_60;
    font-size: $_26;
    height: $_60;
    color: #222;
  }

  .form_row_input{
    height: 100%;
    height: $_60;

    input{
      height: 100%;
      width: $_550;
    }

  }

}

.sbumit_btn{
  height: $_90;
  width: $_710;
  display: block;
  background: $color-green;
  margin: $_30 auto;
  border-radius: $_10;
  font-size: $_30;
  color: #fff;
  font-weight: bold;
}
